<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Camera</title>
 
 	<script src="js/globeVar.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/WebSocket.js" type="text/javascript" charset="utf-8"></script>
 	
 	<style>
 		
 	select{
 		
 		width: 100px;
 		
 	}
 	input{
 		
 		width: 80px;
 		text-align: center;
 	}
 
 	
 	</style>
 	
</head>
<body onload="load()" onunload="unload()" >
	
	<!--div id="center" style="position:absolute;"> 
	<div id="ld" style="position:absolute; left:-1px; top:1px; width:100%; height:100%; background-color:#FFFFFF; z-index:1000;"> 
		
		
		<h1 id="disp" style="text-align: center;">页面加载中,请等待...</h1>
		<br />
		<img src="img/preloader.gif" style="display: block;margin: 0 auto;">

	</div> </div--> 
	
	<div id="mainUI">
		<!--canvas id="myCanvas" width='320' height='240' style="background-color: black; float: left;"></canvas--> 
		<img id="myCanvas" width='320' height='240' style="background-color: black; float: left;"/>
		<div style="float: left; margin-left: 20px;">
			
			<span>存储路径</span>
			<input type="text"  id="saveText" value="C:\tmp" style="width: 150px;text-align: left;"/>
		
			
			<br/>
			
			<div class="sideDiv">
				
				<span>设置DPI</span>
				<span style="margin-left: 20px;">X</span>
				
				<input type="text" id="dpix" value="75" />
				
				<span style="margin-left: 20px;">Y</span>
				<input type="text" id="dpiy" value="75" />

			</div>
			<div class="sideDiv">
				
				<span>JPG质量</span>
				<input type="text" id="jpg" value="75" />
			</div>
		
			<div class="sideDiv">
				<span>手动裁切</span>
				<span style="margin-left: 10px;">左</span>
				<input type="text" value="0" id="left"/>
				<span style="margin-left: 10px;">上</span>
				<input type="text" value="0" id="top"/>
				<span style="margin-left: 10px;">右</span>
				<input type="text" value="0" id="right"/>
				<span style="margin-left: 10px;">下</span>
				<input type="text" value="0" id="bottom"/>
				
			</div>
			
			<br />
			<div class="sideDiv">
				
				<button onclick="Capture()">拍照</button>
				<button onclick="CaptureBase64()" style="margin-left: 10px;">拍照Base64</button>
			</div>
			
			<button onclick="closeDev()">关闭摄像头</button>
			<button onclick="openDev()">开启摄像头</button>
			
		</div>
		<div style="clear:both;">
			<div style="padding-top: 20px;">
				
					<span >设备</span>
					<select id="device" >
					</select>
				
				<div style="display: inline-block;margin-left: 20px;">
					<span >分辨率</span>
					<select name="" id="resoultion" >
					</select>
				</div>
				
				<div style="margin-left: 20px; display: inline-block;">
					<span >视频格式</span>
					<select id="videoStyle" >
					</select>
				</div>
			</div>
			
			<div style="margin-top: 20px;">
				
					<span >旋转类型</span>
					<select onchange="SetRotationStyle()" id="rotationStyle">
					<option >不旋转</option>
					<option >90</option>
					<option >180</option>
					<option >270</option>
					</select>
				<div style="display: inline-block;margin-left: 20px;">
					<span >裁切类型</span>
					<select onchange="SetCutStyle()" id="cutStyle" >
						<option >不裁切</option>
						<option >单图裁切</option>
						<option >多图裁切</option>
						<option >手动裁切</option>
						
					</select>
				</div>
				
				<div style="margin-left: 20px; display: inline-block;">
					<span >图像类型</span>
					<select id="imagestyle" onchange="SetImageStyle()">
						<option>jpg</option>
						<option>bmp</option>
						<option>png</option>
					</select>
				</div>
			</div>
			
		
		</div>
	</div>
	
	
	
	
</body>



</html>
